
<style>
    .done-true {
        text-decoration: line-through;
        color: grey;
    }
</style>
<div ng-controller="todolistController" data-ng-init="getTodo()">
    <span>{{remaining()}} of {{todos.length}} remaining</span>
    [ <a href="" ng-click="archive()">archive</a> ]
    <ul class="unstyled">
        <li ng-repeat="todo in todos">
            <input type="checkbox" ng-model="todo.status" data-ng-click="changeStatusTodo(todo)">
            <span class="done-{{todo.status}}">{{todo.content}}</span>
            <button  ng-click="removeTodo(todo)">Remove</button>
        </li>
    </ul>
    <form ng-submit="addTodo()">
        <input type="text" ng-model="content"  size="30"
               placeholder="add new todo here">
        <input class="btn-primary" type="submit" value="add">
    </form>
</div>